* {
    padding: 0px;
    margin: 0px;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0px;
}

.length {
    display: block;
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#nav {
    position: relative;
    float: left;
    background: #f4f4f4;
    width: 370px;
    height: auto;
    text-align: left;
}

    #nav li {
        position: relative;
        float: left;
        background: #f4f4f4;
        /*width: 370px;*/
        width: 180px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        margin-left: 2px;
        /*border-bottom: 1px dashed #C7CED5;*/
    }

        #nav li a {
            float: left;
            width: 170px;
            height: 30px;
            line-height: 30px;
            text-align: left;
            padding-left: 10px;
            color: #333333;
            font-size: 13px;
            background: url(../images/type_baground.jpg);
        }

            #nav li a:hover {
                float: left;
                text-decoration: none;
                color: #333333;
            }

        #nav li ul li a {
            background: url(../images/cp-o1.jpg);
            width: 200px;
            float: left;
        }

            #nav li ul li a:hover {
                background: #cccccc;
                color: #ffffff;
                text-decoration: none;
                /*background-color:#cccccc;*/
            }

        #nav li ul {
            float: left;
            position: absolute;
            float: left;
            display: none;
            width: 100%;
            height: auto;
            left: 180px;
            top: 0px;
            z-index: 3;
        }

        #nav li:hover ul {
            display: block;
            text-decoration: none;
            
        }

        #nav li ul li ul {
            float: left;
            display: none!important;
        }

        #nav li ul li:hover ul {
            position: absolute;
            left: 210px;
            top: 0px;
            display: block!important;
            text-decoration: none;
            z-index: 4;
        }
/*#type {
    width:394px;
    height:420px;
    margin-left:20px;
    margin-top:5px;
    background-image:url('../images/type.jpg');
}
#gonggao {
    width:1000px;
    height:44px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-image:url('../images/gonggao_bg.jpg');
}
#shang {
    width:552px;
    height:47px;
    background-image:url('../images/jianj.jpg');
}
#xia {
    width:552px;
    height:207px;
    background-image:url('../images/productshow.png');
}
#huoban {
    clear:both;
    width:958px;
    height:80px;
    border:1px solid lightgray;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}*/